Security News
The Push to Ban Ransom Payments Is Gaining Momentum
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
@fortawesome/fontawesome-svg-core
Advanced tools
Package description
The @fortawesome/fontawesome-svg-core package is part of the Font Awesome system, which provides scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. This package is the core of Font Awesome and includes the necessary tools to define and use icons in a project.
Adding Icons
This code sample demonstrates how to add an icon to the library so it can be used throughout your application.
import { library } from '@fortawesome/fontawesome-svg-core';
import { faCoffee } from '@fortawesome/free-solid-svg-icons';
library.add(faCoffee);
Using Icons in React
This code sample shows how to use an icon in a React component with the FontAwesomeIcon component.
import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
const IconComponent = () => (
<div>
<FontAwesomeIcon icon='coffee' />
</div>
);
Customizing Icons
This code sample illustrates how to customize an icon's size and color.
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCoffee } from '@fortawesome/free-solid-svg-icons';
<FontAwesomeIcon icon={faCoffee} size='2x' color='blue' />
Layering and Text
This code sample shows how to layer icons and use text with icons.
import { library } from '@fortawesome/fontawesome-svg-core';
import { faCircle, faCheckCircle } from '@fortawesome/free-regular-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
library.add(faCircle, faCheckCircle);
<FontAwesomeIcon icon={['far', 'circle']} />
<FontAwesomeIcon icon={['far', 'check-circle']} />
React-icons includes a collection of icon sets including Font Awesome, Material Design, and more. It allows the use of icons as React components, similar to @fortawesome/fontawesome-svg-core but with a wider range of icon sets.
Material-UI icons are React components for Material Design icons. This package is similar to @fortawesome/fontawesome-svg-core in that it provides SVG icons as React components, but it focuses solely on Material Design icons.
Ionicons is an open-sourced and MIT licensed icon pack. While @fortawesome/fontawesome-svg-core is part of a larger system with a focus on Font Awesome icons, Ionicons offers a different set of icons and is commonly used in Ionic projects.
Readme
"I came here to chew bubblegum and install Font Awesome 6 - and I'm all out of bubblegum"
$ npm i --save @fortawesome/fontawesome-svg-core
Or
$ yarn add @fortawesome/fontawesome-svg-core
Get started here. Continue your journey here.
Or go straight to the API documentation.
Start with GitHub issues and ping us on Twitter if you need to.
FAQs
The iconic font, CSS, and SVG framework
We found that @fortawesome/fontawesome-svg-core demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 7 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
Application Security
New SEC disclosure rules aim to enforce timely cyber incident reporting, but fear of job loss and inadequate resources lead to significant underreporting.
Security News
The Python Software Foundation has secured a 5-year sponsorship from Fastly that supports PSF's activities and events, most notably the security and reliability of the Python Package Index (PyPI).